/*
 * ImageHover.css - http://www.imagehover.io
 */

[class*=' imghvr-'],
[class^=imghvr-] {
	position: relative;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	background-color: rgba(0, 102, 204, .75);
	color: #fff;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

[class*=' imghvr-']>img,
[class^=imghvr-]>img {
	vertical-align: top;
	max-width: 100%
}

[class*=' imghvr-'] .fudong,
[class^=imghvr-] .fudong {
	background-color: inherit;
	padding: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

[class*=' imghvr-'] h3,
[class*=' imghvr-'] p,
[class^=imghvr-] h3,
[class^=imghvr-] p {
	margin: 0;
	padding: 0;
	color: #fff
}

[class*=' imghvr-'] a,
[class^=imghvr-] a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1
}

[class*=' imghvr-'],
[class*=' imghvr-'] *,
[class*=' imghvr-'] :after,
[class*=' imghvr-'] :before,
[class*=' imghvr-']:after,
[class*=' imghvr-']:before,
[class^=imghvr-],
[class^=imghvr-] *,
[class^=imghvr-] :after,
[class^=imghvr-] :before,
[class^=imghvr-]:after,
[class^=imghvr-]:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .35s ease;
	transition: all .35s ease
}

.imghvr-fade .fudong,
.imghvr-fade:hover>img {
	opacity: 0
}

.imghvr-fade:hover .fudong {
	opacity: 1
}

[class*=' imghvr-push-']:hover .fudong,
[class^=imghvr-push-]:hover .fudong {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.imghvr-push-up .fudong {
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.imghvr-push-down .fudong,
.imghvr-push-up:hover>img {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.imghvr-push-down:hover>img {
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.imghvr-push-left .fudong {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.imghvr-push-left:hover>img,
.imghvr-push-right .fudong {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.imghvr-push-right:hover>img {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

[class*=' imghvr-slide-']:hover .fudong,
[class^=imghvr-slide-]:hover .fudong {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.imghvr-slide-up .fudong {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	background-color: inherit
}

.imghvr-slide-down .fudong {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	background-color: inherit
}

.imghvr-slide-left .fudong {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	background-color: inherit
}

.imghvr-slide-right .fudong {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

[class*=' imghvr-reveal-']:before,
[class^=imghvr-reveal-]:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	background-color: inherit
}

[class*=' imghvr-reveal-'] .fudong,
[class^=imghvr-reveal-] .fudong {
	opacity: 0
}

[class*=' imghvr-reveal-']:hover:before,
[class^=imghvr-reveal-]:hover:before {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

[class*=' imghvr-reveal-']:hover .fudong,
[class^=imghvr-reveal-]:hover .fudong {
	opacity: 1;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.imghvr-reveal-up:before {
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.imghvr-reveal-down:before {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.imghvr-reveal-left:before {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.imghvr-reveal-right:before {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

[class*=' imghvr-hinge-'],
[class^=imghvr-hinge-] {
	-webkit-perspective: 50em;
	perspective: 50em
}

[class*=' imghvr-hinge-'] .fudong,
[class^=imghvr-hinge-] .fudong {
	opacity: 0;
	z-index: 1
}

[class*=' imghvr-hinge-']:hover img,
[class^=imghvr-hinge-]:hover img {
	opacity: 0
}

[class*=' imghvr-hinge-']:hover .fudong,
[class^=imghvr-hinge-]:hover .fudong {
	opacity: 1;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.imghvr-hinge-up img {
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.imghvr-hinge-up .fudong {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

.imghvr-hinge-up:hover>img {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg)
}

.imghvr-hinge-up:hover .fudong {
	-webkit-transform: rotateX(0);
	transform: rotateX(0)
}

.imghvr-hinge-down img {
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

.imghvr-hinge-down .fudong {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% -50%;
	-ms-transform-origin: 50% -50%;
	transform-origin: 50% -50%
}

.imghvr-hinge-down:hover>img {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	opacity: 0
}

.imghvr-hinge-down:hover .fudong {
	-webkit-transform: rotateX(0);
	transform: rotateX(0)
}

.imghvr-hinge-left img {
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.imghvr-hinge-left .fudong {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.imghvr-hinge-left:hover>img {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg)
}

.imghvr-hinge-left:hover .fudong {
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

.imghvr-hinge-right img {
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.imghvr-hinge-right .fudong {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.imghvr-hinge-right:hover>img {
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg)
}

.imghvr-hinge-right:hover .fudong {
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

[class*=' imghvr-flip-'],
[class^=imghvr-flip-] {
	-webkit-perspective: 50em;
	perspective: 50em
}

[class*=' imghvr-flip-'] img,
[class^=imghvr-flip-] img {
	backface-visibility: hidden
}

[class*=' imghvr-flip-'] .fudong,
[class*=' imghvr-flip-']:hover>img,
[class^=imghvr-flip-] .fudong,
[class^=imghvr-flip-]:hover>img {
	opacity: 0
}

[class*=' imghvr-flip-']:hover .fudong,
[class^=imghvr-flip-]:hover .fudong {
	opacity: 1;
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.imghvr-flip-horiz .fudong {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.imghvr-flip-horiz:hover img {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg)
}

.imghvr-flip-horiz:hover .fudong {
	-webkit-transform: rotateX(0);
	transform: rotateX(0)
}

.imghvr-flip-vert .fudong {
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.imghvr-flip-vert:hover>img {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.imghvr-flip-vert:hover .fudong {
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

.imghvr-flip-diag-1 .fudong {
	-webkit-transform: rotate3d(1, -1, 0, 100deg);
	transform: rotate3d(1, -1, 0, 100deg)
}

.imghvr-flip-diag-1:hover>img {
	-webkit-transform: rotate3d(-1, 1, 0, 100deg);
	transform: rotate3d(-1, 1, 0, 100deg)
}

.imghvr-flip-diag-1:hover .fudong {
	-webkit-transform: rotate3d(0, 0, 0, 0deg);
	transform: rotate3d(0, 0, 0, 0deg)
}

.imghvr-flip-diag-2 .fudong {
	-webkit-transform: rotate3d(1, 1, 0, 100deg);
	transform: rotate3d(1, 1, 0, 100deg)
}

.imghvr-flip-diag-2:hover>img {
	-webkit-transform: rotate3d(-1, -1, 0, 100deg);
	transform: rotate3d(-1, -1, 0, 100deg)
}

.imghvr-flip-diag-2:hover .fudong {
	-webkit-transform: rotate3d(0, 0, 0, 0deg);
	transform: rotate3d(0, 0, 0, 0deg)
}

[class*=' imghvr-shutter-out-']:before,
[class^=imghvr-shutter-out-]:before {
	background: inherit;
	position: absolute;
	content: '';
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

[class*=' imghvr-shutter-out-'] .fudong,
[class^=imghvr-shutter-out-] .fudong {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

[class*=' imghvr-shutter-out-']:hover:before,
[class^=imghvr-shutter-out-]:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

[class*=' imghvr-shutter-out-']:hover .fudong,
[class^=imghvr-shutter-out-]:hover .fudong {
	opacity: 1;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.imghvr-shutter-out-horiz:before {
	left: 50%;
	right: 50%;
	top: 0;
	bottom: 0
}

.imghvr-shutter-out-horiz:hover:before {
	left: 0;
	right: 0
}

.imghvr-shutter-out-vert:before {
	top: 50%;
	bottom: 50%;
	left: 0;
	right: 0
}

.imghvr-shutter-out-vert:hover:before {
	top: 0;
	bottom: 0
}

.imghvr-shutter-out-diag-1:before {
	top: 50%;
	bottom: 50%;
	left: -35%;
	right: -35%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.imghvr-shutter-out-diag-1:hover:before {
	top: -35%;
	bottom: -35%
}

.imghvr-shutter-out-diag-2:before {
	top: 50%;
	bottom: 50%;
	left: -35%;
	right: -35%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.imghvr-shutter-out-diag-2:hover:before {
	top: -35%;
	bottom: -35%
}

[class*=' imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:before,
[class^=imghvr-shutter-in-]:after,
[class^=imghvr-shutter-in-]:before {
	background: inherit;
	position: absolute;
	content: ''
}

[class*=' imghvr-shutter-in-']:after,
[class^=imghvr-shutter-in-]:after {
	top: 0;
	left: 0
}

[class*=' imghvr-shutter-in-']:before,
[class^=imghvr-shutter-in-]:before {
	right: 0;
	bottom: 0
}

[class*=' imghvr-shutter-in-'] .fudong,
[class^=imghvr-shutter-in-] .fudong {
	opacity: 0;
	z-index: 1
}

[class*=' imghvr-shutter-in-']:hover .fudong,
[class^=imghvr-shutter-in-]:hover .fudong {
	opacity: 1;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.imghvr-shutter-in-horiz:after,
.imghvr-shutter-in-horiz:before {
	width: 0;
	height: 100%
}

.imghvr-shutter-in-horiz:hover:after,
.imghvr-shutter-in-horiz:hover:before {
	width: 50%
}

.imghvr-shutter-in-vert:after,
.imghvr-shutter-in-vert:before {
	height: 0;
	width: 100%
}

.imghvr-shutter-in-vert:hover:after,
.imghvr-shutter-in-vert:hover:before {
	height: 50%
}

.imghvr-shutter-in-out-horiz:after,
.imghvr-shutter-in-out-horiz:before {
	width: 0;
	height: 100%
}

.imghvr-shutter-in-out-horiz:hover:after,
.imghvr-shutter-in-out-horiz:hover:before {
	width: 100%
}

.imghvr-shutter-in-out-vert:after,
.imghvr-shutter-in-out-vert:before {
	height: 0;
	width: 100%
}

.imghvr-shutter-in-out-vert:hover:after,
.imghvr-shutter-in-out-vert:hover:before {
	height: 100%
}

.imghvr-shutter-in-out-diag-1:after,
.imghvr-shutter-in-out-diag-1:before {
	width: 200%;
	height: 200%;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}

.imghvr-shutter-in-out-diag-1:after {
	-webkit-transform: skew(-45deg) translateX(-150%);
	transform: skew(-45deg) translateX(-150%)
}

.imghvr-shutter-in-out-diag-1:before {
	-webkit-transform: skew(-45deg) translateX(150%);
	transform: skew(-45deg) translateX(150%)
}

.imghvr-shutter-in-out-diag-1:hover:after {
	-webkit-transform: skew(-45deg) translateX(-50%);
	transform: skew(-45deg) translateX(-50%)
}

.imghvr-shutter-in-out-diag-1:hover:before {
	-webkit-transform: skew(-45deg) translateX(50%);
	transform: skew(-45deg) translateX(50%)
}

.imghvr-shutter-in-out-diag-2:after,
.imghvr-shutter-in-out-diag-2:before {
	width: 200%;
	height: 200%;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}

.imghvr-shutter-in-out-diag-2:after {
	-webkit-transform: skew(45deg) translateX(-100%);
	transform: skew(45deg) translateX(-100%)
}

.imghvr-shutter-in-out-diag-2:before {
	-webkit-transform: skew(45deg) translateX(100%);
	transform: skew(45deg) translateX(100%)
}

.imghvr-shutter-in-out-diag-2:hover:after,
.imghvr-shutter-in-out-diag-2:hover:before {
	-webkit-transform: skew(45deg) translateX(0);
	transform: skew(45deg) translateX(0)
}

[class*=' imghvr-fold'],
[class^=imghvr-fold] {
	-webkit-perspective: 50em;
	perspective: 50em
}

[class*=' imghvr-fold'] img,
[class^=imghvr-fold] img {
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0
}

[class*=' imghvr-fold'] .fudong,
[class^=imghvr-fold] .fudong {
	z-index: 1;
	opacity: 0
}

[class*=' imghvr-fold']:hover>img,
[class^=imghvr-fold]:hover>img {
	opacity: 0;
	-webkit-transition-delay: 0;
	transition-delay: 0
}

[class*=' imghvr-fold']:hover .fudong,
[class^=imghvr-fold]:hover .fudong {
	-webkit-transform: rotateX(0) translate3d(0, 0, 0) scale(1);
	transform: rotateX(0) translate3d(0, 0, 0) scale(1);
	opacity: 1;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.imghvr-fold-up>img {
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.imghvr-fold-up .fudong {
	-webkit-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
	transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

.imghvr-fold-up:hover>img {
	-webkit-transform: rotateX(90deg) scale(.6) translateY(50%);
	transform: rotateX(90deg) scale(.6) translateY(50%)
}

.imghvr-fold-down>img {
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

.imghvr-fold-down .fudong {
	-webkit-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
	transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.imghvr-fold-down:hover>img {
	-webkit-transform: rotateX(-90deg) scale(.6) translateY(-50%);
	transform: rotateX(-90deg) scale(.6) translateY(-50%)
}

.imghvr-fold-left>img {
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.imghvr-fold-left .fudong {
	-webkit-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
	transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.imghvr-fold-left:hover>img {
	-webkit-transform: rotateY(-90deg) scale(.6) translateX(50%);
	transform: rotateY(-90deg) scale(.6) translateX(50%)
}

.imghvr-fold-right {
	-webkit-perspective: 50em;
	perspective: 50em
}

.imghvr-fold-right>img {
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.imghvr-fold-right .fudong {
	-webkit-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
	transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.imghvr-fold-right:hover>img {
	-webkit-transform: rotateY(90deg) scale(.6) translateX(-50%);
	transform: rotateY(90deg) scale(.6) translateX(-50%)
}

.imghvr-zoom-in .fudong {
	opacity: 0;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.imghvr-zoom-in:hover .fudong {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

[class*=' imghvr-zoom-out'] .fudong,
[class^=imghvr-zoom-out] .fudong {
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	opacity: 0
}

[class*=' imghvr-zoom-out'].hover .fudong,
[class*=' imghvr-zoom-out']:hover .fudong,
[class^=imghvr-zoom-out].hover .fudong,
[class^=imghvr-zoom-out]:hover .fudong {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.imghvr-zoom-out:hover>img {
	-webkit-transform: scale(.5);
	transform: scale(.5);
	opacity: 0
}

.imghvr-zoom-out-up.hover>img,
.imghvr-zoom-out-up:hover>img {
	-webkit-animation: imghvr-zoom-out-up .4s linear;
	animation: imghvr-zoom-out-up .4s linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-up {
	50% {
		-webkit-transform: scale(.8) translateY(0);
		transform: scale(.8) translateY(0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(.8) translateY(-150%);
		transform: scale(.8) translateY(-150%);
		opacity: .5
	}
}

@keyframes imghvr-zoom-out-up {
	50% {
		-webkit-transform: scale(.8) translateY(0);
		transform: scale(.8) translateY(0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(.8) translateY(-150%);
		transform: scale(.8) translateY(-150%);
		opacity: .5
	}
}

.imghvr-zoom-out-down.hover>img,
.imghvr-zoom-out-down:hover>img {
	-webkit-animation: imghvr-zoom-out-down .4s linear;
	animation: imghvr-zoom-out-down .4s linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-down {
	50% {
		-webkit-transform: scale(.8) translateY(0);
		transform: scale(.8) translateY(0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(.8) translateY(150%);
		transform: scale(.8) translateY(150%);
		opacity: .5
	}
}

@keyframes imghvr-zoom-out-down {
	50% {
		-webkit-transform: scale(.8) translateY(0);
		transform: scale(.8) translateY(0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(.8) translateY(150%);
		transform: scale(.8) translateY(150%);
		opacity: .5
	}
}

.imghvr-zoom-out-left.hover>img,
.imghvr-zoom-out-left:hover>img {
	-webkit-animation: imghvr-zoom-out-left .4s linear;
	animation: imghvr-zoom-out-left .4s linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-left {
	50% {
		-webkit-transform: scale(.8) translateX(0);
		transform: scale(.8) translateX(0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(.8) translateX(-150%);
		transform: scale(.8) translateX(-150%);
		opacity: .5
	}
}

@keyframes imghvr-zoom-out-left {
	50% {
		-webkit-transform: scale(.8) translateX(0);
		transform: scale(.8) translateX(0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(.8) translateX(-150%);
		transform: scale(.8) translateX(-150%);
		opacity: .5
	}
}

.imghvr-zoom-out-right.hover>img,
.imghvr-zoom-out-right:hover>img {
	-webkit-animation: imghvr-zoom-out-right .4s linear;
	animation: imghvr-zoom-out-right .4s linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes imghvr-zoom-out-right {
	50% {
		-webkit-transform: scale(.8) translateX(0);
		transform: scale(.8) translateX(0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(.8) translateX(150%);
		transform: scale(.8) translateX(150%);
		opacity: .5
	}
}

@keyframes imghvr-zoom-out-right {
	50% {
		-webkit-transform: scale(.8) translateX(0);
		transform: scale(.8) translateX(0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(.8) translateX(150%);
		transform: scale(.8) translateX(150%);
		opacity: .5
	}
}

.imghvr-zoom-out-flip-horiz {
	-webkit-perspective: 50em;
	perspective: 50em
}

.imghvr-zoom-out-flip-horiz .fudong {
	opacity: 0;
	-webkit-transform: rotateX(90deg) translateY(-100%) scale(.5);
	transform: rotateX(90deg) translateY(-100%) scale(.5)
}

.imghvr-zoom-out-flip-horiz.hover>img,
.imghvr-zoom-out-flip-horiz:hover>img {
	-webkit-transform: rotateX(-100deg) translateY(50%) scale(.5);
	transform: rotateX(-100deg) translateY(50%) scale(.5);
	opacity: 0;
	-webkit-transition-delay: 0;
	transition-delay: 0
}

.imghvr-zoom-out-flip-horiz.hover .fudong,
.imghvr-zoom-out-flip-horiz:hover .fudong {
	-webkit-transform: rotateX(0) translateY(0) scale(1);
	transform: rotateX(0) translateY(0) scale(1);
	opacity: 1;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.imghvr-zoom-out-flip-vert {
	-webkit-perspective: 50em;
	perspective: 50em
}

.imghvr-zoom-out-flip-vert .fudong {
	opacity: 0;
	-webkit-transform: rotateY(90deg) translate(50%, 0) scale(.5);
	transform: rotateY(90deg) translate(50%, 0) scale(.5)
}

.imghvr-zoom-out-flip-vert.hover>img,
.imghvr-zoom-out-flip-vert:hover>img {
	-webkit-transform: rotateY(-100deg) translateX(50%) scale(.5);
	transform: rotateY(-100deg) translateX(50%) scale(.5);
	opacity: 0;
	-webkit-transition-delay: 0;
	transition-delay: 0
}

.imghvr-zoom-out-flip-vert.hover .fudong,
.imghvr-zoom-out-flip-vert:hover .fudong {
	-webkit-transform: rotateY(0) translate(0, 0) scale(1);
	transform: rotateY(0) translate(0, 0) scale(1);
	opacity: 1;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.imghvr-blur .fudong {
	opacity: 0
}

.imghvr-blur:hover>img {
	-webkit-filter: blur(30px);
	filter: blur(30px);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0
}

.imghvr-blur:hover .fudong {
	opacity: 1;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}